<template>
  <div id="app">
    GitHub搜索案例
    <Search />
    <Main />
    <br />
    element轮播图
    <Carousel />
    vue-seamless-scroll无限循环展示数据
    <CarouselList />
    <br />
    插槽
    <SlotF />
  </div>
</template>

<script>
import Search from "@/components/GitHub/Search.vue";
import Main from "@/components/GitHub/Main.vue";
import SlotF from "@/components/Slot/SlotF";
import Carousel from "@/components/ElementUI/Carousel.vue";
import CarouselList from "@/components/ElementUI/CarouselList.vue";
export default {
  name: "App",
  components: {
    Search,
    Main,
    SlotF,
    Carousel,
    CarouselList
  },
};
</script>

<style>
/* 要想在组件中使用less样式 需要下载 less，less-loader (npm i less less-loader)*/
/* 然后在style标签添加 lang='less'*/
#app {
  width: 300px;
  margin: 20px auto;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
</style>
